<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="lib/easeljs-0.7.1.min.js"></script>
    <script type="text/javascript" src="lib/tweenjs-0.5.1.min.js"></script>

    <title>Title</title>
</head>
<body onload="init()">
<!--调用init-->
<canvas id="mycanvas" width="500px" height="500px" style="border: 1px solid"></canvas>

</body>

</html>
<script type="text/javascript">
    var stage;
    function  init(){
        stage = new createjs.Stage(document.getElementById());
        createjs.Ticker.setFPS(60);
        createjs.Ticker.addEventListener('tick',function (){
            stage.update();
        })
    }
    function sample(){
        var container = new createjs.Container();
        var text = new createjs.Text("Green Pepper","20px Arial","#000")
        var pepper = new createjs.Bitmap("image/pepper.png")
    }

    </script>